<html>
<head>
<meta charset"utf-8">
<title>布局</title>
<style type="text/css">
 *{
  margin:0px;
  border:0px;
  padding:0px;
}
 body{
  font-family:"正楷";
  fnot-size:12px;
  color:#000;
}
 #container{
  width:1008px;
  height:630px;
  background-image:url(    23.jpg   );
  background-repeat:no-repeat;
  margin:0 auto;
}
 #top_menu{
  line-height:20px;
  margin:20px 0px 0px 50px;
  width:180px;
  float:right;
  text-align:left;
}
 #top_menu span{
  margin-left:5px;
  margin-right:5px;
}
 #main{
  width:400px;
  height:370px;
  float:left;
  margin:100px 30px 0px 50px;
}
 #main_top{
  width:400px;
  height:100px;
  font-family:"宋体";
  margin:48px;
}
#main_mid{
  width:400px;
  height:20px;
  font-size:48px;
}
#main_main1{
  width:400px;
  height:72px;
  border-bottom: #fff solid 1px;
  margin-top:10px;
  line-height:20p;
}
#main_main2{
  width:400px;
  height:72px;
  border-bottom: #fff solid 1px;
  margin-top:10px;
  line-height:20p;
}
#footer{
  width:1008px;
  height:28px;
  float: left;  
  margin-top:128px;
}
#footer_text{
  text-align: center;
  margin-top: 10px;
}
</style>
</head>
<body>
  <div id="container">
         <div id="top">无所谓 id "top" 无所谓</div>
   <div id="main">
         <div id="mainbox">无所谓 id "mainbox" 无所谓</div>
         <div id="sidebox">无所谓 id "sidebox" 无所谓</div>
   </div>
         <div id="footer">无所谓ʾ id "footer" 无所谓</div>
  </div>
</body>
</html>
